<!DOCTYPE html>
<html lang="en" ng-app="myApp" class="no-js">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=8">
	<title>拾光</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
	<link rel="shortcut icon" href="/img/logo.png" />
    <link rel="stylesheet" href="/css/sparrow.css">
    <script type="text/javascript" src="/js/zepto.min.js"></script>
    <style type="text/css">
		/*toastBox*/
		#toast-box{
		    position: fixed;
		    bottom: 20%;
		    left: 0;
		    width: 100%;
		    text-align: center;
		    display: none;
		}
		#toast-box span{
		    padding: 5px 15px;
		    background: rgba(0,0,0,.5);
		    color: #fff;
		    font-size: 14px;
		    border-radius: 5px;
		}
		.head_pic{
	        width: 25%;
	        height: 25%;
	        border-radius: 50%;
	    }
	    .sex{ 
	        width: 20px;
	        height: 20px;
	        display: inline-block;
	        margin-bottom: -4px;
	    }
	    .male{
	        background: url('/img/male.png') no-repeat 50%;
	        background-size: cover;
	    }
	    .female{
	        background: url('/img/female.png') no-repeat 50%;
	        background-size: cover;
	    }
    </style>
</head>
<body>
	<div id="app" class="app">